<template>
	<BasePopup
		v-model="profileStore.show.updatePassword"
		titleT="settings.security.changePassword"
		titleIcon="settings">
		<ChangePasswordModal />
	</BasePopup>
	<BasePopup v-model="profileStore.show.baseInfo" titleT="settings.kyc.Basic" titleIcon="settings">
		<KycBasicModal />
	</BasePopup>
	<BasePopup v-model="profileStore.show.email" titleT="settings.kyc.Email" titleIcon="settings">
		<KycEmailModal />
	</BasePopup>
	<BasePopup
		v-model="profileStore.show.identity"
		titleT="settings.kyc.Identity"
		titleIcon="settings">
		<KycIdentityModal />
	</BasePopup>
	<BasePopup v-model="profileStore.show.mobile" titleT="settings.kyc.Mobile" titleIcon="settings">
		<kyc-mobile-modal />
	</BasePopup>
	<BasePopup
		v-model="profileStore.show.enable2fa"
		titleT="set.security.popup.2fa.title"
		titleIcon="settings">
		<Enable2faModal />
	</BasePopup>
	<BasePopup
		v-model="profileStore.show.disable2fa"
		titleT="set.security.popup.disable2fa.title"
		titleIcon="settings">
		<Disable2faModal />
	</BasePopup>
</template>

<script setup lang="ts">
import { BasePopup } from '@/components/base'
import { useProfileStore } from '@/store'
import ChangePasswordModal from './change-password-modal.vue'
import KycBasicModal from './kyc-basic-modal.vue'
import KycEmailModal from './kyc-email-modal.vue'
import KycIdentityModal from './kyc-identity-modal.vue'
import KycMobileModal from './kyc-mobile-modal.vue'
import Enable2faModal from './enable2fa-modal.vue'
import Disable2faModal from './disable2fa-modal.vue'

const profileStore = useProfileStore()
</script>

<style scoped></style>
